<script>
	export default {
		// onLaunch: function() {
		// 	console.log('App Launch')
		// },
		// onShow: function() {
		// 	console.log('App Show')
		// },
		// onHide: function() {
		// 	console.log('App Hide')
		// }
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	// 默认背景色
	.default-background {
		background-color: #F2F1F6;
		height: 100%;
		width: 100%;
		position: absolute;
	}
	.button {
		width: 100%;
		font-size: 16px;
		padding: 20rpx 0;
		margin: 10rpx;
		text-align: center;
		border-radius: 100rpx;
		color: #FFFFFF;
		background-color: #11A8CD;
		border: 1rpx #11A8CD solid;
	}
	.btn-group {
		position: fixed;
		width: 100%;
		bottom: 0;
		display: inline-flex;
		background-color: #FFFFFF;
		
		.cancelBtn {
			flex: 1;
			color: #11A8CD;
			background-color: #FFFFFF;
		}
		
		.confirmBtn {
			flex: 1;
			
		}
		
		// 图标
		.icon-group {
			flex: 1;
			display: flex;
			
			.icon-btn {
				flex-direction: row;
				align-items: center;
			}
			
		}
	}
	
	// 一行显示，超出显示省略号
	.limit-one-line {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap; //文本不换行，这样超出一行的部分被截取，显示...
	}
	
	// 两行显示，超出显示省略号
	.limit-two-line {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	
	.close-btn {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}
	
	// 用于显示内容防止被底栏遮挡
	.page-bottom {
		height: 100rpx;
		background-color: #F2F1F6;
	}
	
	.default-backgroud {
		background-color: #DDDDDD;
	}
</style>
